<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src设置资源路径
  1. 相对路径:
      a. 资源和页面在同一目录:直接写文件名
      b. 资源在页面的上级目录:../文件名
      c. 资源在页面的下级目录: 文件夹名/文件名
  2. 绝对路径: 可以访问其它网站的图片 称为图片盗链,有找不到图片的风险

  alt:当图片不能显示时显示的文本内容
  title: 图片标题
  width/height: 设置宽高,  两种赋值方式: 1. 像素 2. 百分比
  只设置宽度 高度会自动等比例缩放.
-->
<img src="aa.jpg" alt="美女图片">
<img src="../b.jpg" width="100"   title="看什么看?">
<img src="abc/c.jpg" width="50%">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///c875e07de3204bffb6f1964786bcb88c.jpg">

</body>
</html>